<template>
    <view>
        <!-- 会员信息 -->
        <view class="cashier_box_2">
            <view class="cardsale-conter">
                <view class="shop-message">
                    <view class="shop-lt">
                        <view class="lt-profile"></view>
                        <view class="lt-name">
                            小新
                            <text class="lt-shopvip">门店VIP</text>
                            <view class="lt-phone">15012768886</view>
                        </view>
                    </view>
                    <view class="hr"></view>
                    <view class="shop-rl">
                        <view class="rl-vipbox">
                            <view class="rl-vip">VIP会员</view>
                            <view class="rl-remaining">余额：¥12983.00</view>
                        </view>
                        <image @tap="ElasticFrameClick" class="replace" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/replace.png"></image>
                    </view>
                </view>
                <view></view>
            </view>
        </view>
        <!-- 列表 -->
        <view class="goods_list" v-for="(item, index) in 3" :key="index">
            <view class="list_t">
                <view class="list_t_l">
                    <text class="num">101</text>
                    <text class="name">设计洗剪X1</text>
                </view>
                <view class="list_t_r">
                    <image @tap="goProjectSet" class="edit_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/edit_icon.png" mode="" />
                    <image class="del_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/del_icon.png" mode="" />
                </view>
            </view>

            <view class="list_c">
                <view class="list_c_t">
                    <view class="list_c_t_l">
                        <text class="no">第一人</text>
                        <text class="n">张三三 ></text>
                    </view>
                    <view class="list_c_t_r">
                        <view class="results">
                            <text>业绩：¥123.00</text>
                        </view>
                        <view class="commission">
                            <text>提成：¥123.00</text>
                        </view>
                    </view>
                </view>
                <view class="list_c_b">
                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png" mode="" />
                </view>
            </view>

            <view class="list_b">
                <text class="no_vip">不使用会员卡</text>
                <text class="price">¥38.00</text>
            </view>
        </view>
        <view class="address-box">
            <view class="list_t">
                <view class="list_t_l">
                    <image class="address_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/address_icon.png"></image>
                    <text class="name">收货/自提地</text>
                </view>
                <view class="list_t_r">
                    <image class="edit_icon" @tap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/edit_icon.png" mode="" />
                    <image class="del_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/del_icon.png" mode="" />
                </view>
            </view>
            <view class="address_text" v-if="city.length == 3 && addtypeindex == 1">
                <view class="address_lt">{{ city }}{{ detailAddress }}</view>
                <image class="replace" @tap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/replace.png"></image>
            </view>
            <view class="address_text" v-else-if="afhalistac.afhalen && addtypeindex == 0">
                <view class="address_lt">{{ afhalistac.afhalen }}</view>
                <image class="replace" @tap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/replace.png"></image>
            </view>
            <view class="list_c_b2" v-else>
                <image @tap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png" mode="" />
            </view>
        </view>

        <!-- 优惠卷 -->
        <view class="helpcard-conterbox">
            <view class="helpcard-conter">
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">优惠券：</view>
                    </view>
                    <view class="autogeneration" @tap="showModalcouponFun">3张可用</view>
                    <view class="no-autogeneration" v-if="false">无可用优惠券</view>
                </view>
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">意豆抵扣：</view>
                    </view>
                    <view class="select_card">-¥12</view>
                </view>
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">整单减免：</view>
                    </view>
                    <view class="select_card">-¥12</view>
                </view>
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">备注：</view>
                        <input :adjust-position="true" :value="info" @input="getinfo" placeholder="请输入备注内容" type="text" />
                    </view>
                </view>
            </view>
        </view>
        <view class="base_btn"></view>
        <view class="base-box">
            <!-- <view class="card-namebox2">
    <view class="cardname_lt">
      <view class="cardname_ltitem">
        <view class="bill_moneytext">账单金额：<text class="bill_money">¥58</text>元</view>
        <view class="bill_moneytext">账单金额：<text class="bill_money">¥58</text>元</view>
      </view>
    </view>
    <view class="sumtotal" bindtap="smearbut">抹零</view>
  </view> -->
            <view class="base-botton">
                <view class="botton-entry" @tap="topay">下一步</view>
                <view class="botton-entry" @tap="handbrand">挂单</view>
            </view>
        </view>

        <!-- 弹出层 -->
        <view class="modal-mask2" @tap="hideModal" v-if="showModalcoupon" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalsmearbut" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask" @tap="hideModal" v-if="showModal" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask" @tap="hideModal" v-if="showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask" @tap="hideModal" v-if="showModalselect" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view v-if="showModal" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">选择会员</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>

                <view class="qrcodebox">
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="blurPhone2"
                            value=""
                            placeholder="请输入顾客手机号码"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2">查询</view>
                    </view>
                    <!-- <view class="phone-hint2" wx:if="{{ishint}}">
      输入正确手机号
    </view> -->
                    <view class="replace-box">
                        <view class="replace-lt">
                            <image class="girl" mode="aspectFill" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/girl.png"></image>
                            <view>
                                <view class="lt-nname">小新</view>
                                <view class="lt-hpone2">15012768886</view>
                            </view>
                        </view>
                        <view class="replace-rl">去替换</view>
                    </view>
                </view>
                <view class="qrcodeicon">
                    <view class="qrcodeiconbox" v-for="(item, index) in serviceList" :key="index">
                        <image class="wechatvip" :src="item.img"></image>

                        <P class="wechattext">{{ item.title }}</P>
                    </view>
                </view>
            </view>
        </view>
        <!-- 优惠券 -->
        <view v-if="showModalcoupon" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2q">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">请选择优惠券</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains">
                        <view class="coupon-box" v-for="(item, index) in 5" :key="index">
                            <view class="coupon-lt">
                                <view class="coupon-sum">
                                    <view class="money">
                                        <text class="moneytext">￥</text>
                                        8
                                    </view>
                                    <view class="reduction">满38元可用</view>
                                </view>
                            </view>

                            <view class="coupon-rl">
                                <view>
                                    <view class="coupon-name">福利券（特殊商品不可用）</view>
                                    <view class="coupon-time">04月30日-05月31日有效</view>
                                </view>
                                <view v-if="listindexcoupon === index" :data-index="index" @tap="onClickcoupon" class="bigbox2">
                                    <view class="smbox"></view>
                                </view>
                                <view
                                    v-else
                                    class="bigbox2"
                                    :data-item="item"
                                    :data-stylistid="item.stylistId"
                                    :data-nickname="item.nickname"
                                    :data-index="index"
                                    @tap="onClickcoupon"
                                ></view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="no-couponbut" @tap="hideModal">不使用优惠券</view>
                </view>
            </view>
        </view>
        <!-- 选择销售 -->
        <view v-if="showModalselect" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">绑定销售</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>

                <view class="qrcodebox">
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="blurPhone2"
                            value=""
                            placeholder="请输入姓名，工号，手机号搜索"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2">查询</view>
                    </view>
                    <!-- <view class="phone-hint2" wx:if="{{ishint}}">
      输入正确手机号
    </view> -->
                    <view class="replace-box2" v-for="(item, index) in saleslist" :key="index">
                        <view v-if="listindex === index" :data-index="index" @tap="onClick" class="bigbox">
                            <view class="smbox"></view>
                        </view>

                        <view v-else class="bigbox" :data-item="item" :data-stylistid="item.stylistId" :data-nickname="item.nickname" :data-index="index" @tap="onClick"></view>

                        <view class="replace-lt">
                            <image class="girl2" mode="aspectFill" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/girl.png"></image>
                            <view>
                                <view class="lt-nname">小新</view>
                                <view class="lt-hpone2">工号：00018</view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 手牌号 -->
        <view v-if="showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2q">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">请选择手牌号</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains">
                        <view class="handbrand-conter">
                            <view
                                class="handbrandnumber"
                                :class="indexs == index + 1 ? 'handbrandnumberac' : 'handbrandnumber'"
                                @tap="indexnamber"
                                :data-index="index + 1"
                                v-for="(item, index) in 30"
                                :key="index"
                            >
                                {{ index + 1 }}
                            </view>
                        </view>
                    </scroll-view>
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="handbrandsum"
                            value=""
                            placeholder="手动输入其他号码"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2">确认</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 抹零 -->
        <view v-if="showModalsmearbut" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2qm">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">抹零方式</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains">
                        <view class="smearbut-box" v-for="(item, index) in smearList" :key="index">
                            <view class="coupon-rl">
                                <view v-if="listindexsmear === index" :data-index="index" @tap="onClicksmear" class="bigbox2">
                                    <view class="smbox"></view>
                                </view>
                                <view
                                    v-else
                                    class="bigbox2"
                                    :data-item="item"
                                    :data-stylistid="item.stylistId"
                                    :data-nickname="item.nickname"
                                    :data-index="index"
                                    @tap="onClickcoupon"
                                ></view>
                            </view>

                            <view>{{ item.manner }}</view>
                        </view>
                    </scroll-view>
                    <view class="coupon-mai">
                        <view class="cancel-bnt" @tap="hideModal">取消</view>
                        <view class="affirm-bnt" @tap="affirm">确认</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 地址 -->
        <view v-if="showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">修改地址</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>

                <view class="qrcodebox">
                    <view class="address-typebox">
                        <view class="typebox-lt">收货类型：</view>
                        <view class="align-end">
                            <view class="typeboxmax" v-for="(item, index) in addtypeList" :key="index">
                                <view class="typebox-rl">
                                    <view v-if="addtypeindex === index" :data-index="index" @tap="onClickaddtype" class="bigbox2">
                                        <view class="smbox"></view>
                                    </view>
                                    <view
                                        v-else
                                        class="bigbox2"
                                        :data-item="item"
                                        :data-stylistid="item.stylistId"
                                        :data-nickname="item.nickname"
                                        :data-index="index"
                                        @tap="onClickaddtype"
                                    ></view>
                                </view>

                                <view class="addtype">{{ item.addtype }}</view>
                            </view>
                        </view>
                    </view>
                    <view class="address-typebox2" v-if="addtypeindex == 0">
                        <view class="typebox-lt2">自提地址：</view>
                        <view>
                            <view class="align-end2" v-for="(item, index) in afhalenList" :key="index">
                                <view class="typeboxmax">
                                    <view class="typebox-rl">
                                        <view v-if="afhaindex === index" :data-index="index" @tap="onClickafhalen" class="bigbox2">
                                            <view class="smbox"></view>
                                        </view>
                                        <view
                                            v-else
                                            class="bigbox2"
                                            :data-item="item"
                                            :data-stylistid="item.stylistId"
                                            :data-nickname="item.nickname"
                                            :data-index="index"
                                            @tap="onClickafhalen"
                                        ></view>
                                    </view>
                                    <view class="addtype">{{ item.afhalen }}</view>
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="address-typebox3" v-if="addtypeindex == 1">
                        <view class="h-86 flexbox-sb">
                            <view class="centers">
                                <view class="text1">所在地区</view>
                                <view class="placeholder-class" @tap="showmolde">{{ city }}</view>
                            </view>
                            <view @tap="showmolde" class="centers">
                                <van-icon name="arrow-down" color="#FF8722" />
                            </view>
                            <!-- <view bindtap="getUserLocation" class="centers">
        <van-icon name="location-o" color="#FF8722" />
      </view> -->
                        </view>
                        <view class="centers detail">
                            <view class="text1">详细地址</view>
                            <textarea
                                class="textarea"
                                type="text"
                                :maxlength="max"
                                @input="inputEdit"
                                v-model="detailAddress"
                                @blur="editInputBlur"
                                placeholder="小区楼栋/乡村名称"
                                placeholder-class="textarea-placeholder"
                                data-name="detailAddress"
                            ></textarea>
                        </view>
                    </view>
                </view>
                <view class="on-bntaddre">
                    <view class="cancel-bnt" @tap="hideModal">取消</view>
                    <view class="confirm-bnt" @tap="ascertainselected">确定</view>
                </view>
            </view>
        </view>

        <van-popup :show="show" position="bottom" @close="onClose">
            <van-area :area-list="areaList" :columns-num="3" title="选择城市" @cancel="onClose" @confirm="onFirm" />
        </van-popup>
    </view>
</template>

<script>
// pagesc/cashierinfo/cashierinfo.js
// pages/site/addsite/index.js
const app = getApp(); // 引入app

const _request = require('../../utils/request.js'); // 引入SDK核心类，js文件根据自己业务，位置可自行放置

export default {
    data() {
        return {
            areaList: {},

            afhalistac: {
                afhalen: ''
            },

            city: '省、市、区',
            detailAddress: null,
            afhaindex: '',
            addtypeindex: 0,
            listindexsmear: 0,

            afhalenList: [
                {
                    afhalen: '广东省深圳市龙岗区大运软件 小镇38栋401',
                    index: 0
                },
                {
                    afhalen: '广东省深圳市龙岗区大运软件 小镇38栋401',
                    index: 1
                }
            ],

            addtypeList: [
                {
                    addtype: '自提地址',
                    index: 0
                },
                {
                    addtype: '快递到家',
                    index: 1
                }
            ],

            smearList: [
                {
                    manner: '抹角',
                    index: 0
                },
                {
                    manner: '抹分',
                    index: 1
                },
                {
                    manner: '四舍五入',
                    index: 2
                },
                {
                    manner: '抹进位',
                    index: 3
                }
            ],

            saleslist: [
                {
                    stylistId: 11158,
                    monthOrder: 0,
                    position: '高级美发师',
                    nickname: '18975158845',
                    headPortrait: 'https://yiyue-scrm.oss-cn-shenzhen.aliyuncs.com/2022-09-20/fe0721091d034c00b52e83a81f9083a6-file',
                    orderNumber: 0,
                    star: 3,
                    userId: 311259,
                    nexus: 0,
                    schedulingStatus: 1,
                    worksSum: 0,
                    services: [],
                    waitingPeopleNum: 0,
                    waitingTimes: 0,
                    staffId: 105903
                }
            ],

            indexs: 1,
            info: '',
            show: false,
            showModalselect: false,
            showModal: false,
            ajxtrue: false,
            ishint2: false,
            showModalcoupon: false,
            showModalhandbrand: false,
            showModalsmearbut: false,
            showaddress: false,
            phone2: '',
            amountangle: 100.565212,
            isDisabled: true,
            code: '',
            listindexcoupon: '',
            lists: '',
            listindex: '',
            bool: false,
            value: '',
            showModalsales: false,
            ishint: false,
            serviceList: [],
            max: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.getAreaList();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        //获取地址列表
        getAreaList() {
            _request
                .get('/area/getAppletArea', {})
                .then((res) => {
                    if (res.data.data && res.data.data.county_list) {
                        //控件只支持6数位编码, 将9位编码改为6位
                        let oldName = [
                            '442000001',
                            '442000002',
                            '442000003',
                            '442000004',
                            '442000005',
                            '442000006',
                            '442000100',
                            '442000101',
                            '442000102',
                            '442000103',
                            '442000104',
                            '442000105',
                            '442000106',
                            '442000107',
                            '442000108',
                            '442000109',
                            '442000110',
                            '442000111',
                            '442000112',
                            '442000113',
                            '442000114',
                            '442000115',
                            '442000116',
                            '442000117'
                        ];
                        let name = [
                            '442001',
                            '442002',
                            '442003',
                            '442004',
                            '442005',
                            '442006',
                            '442007',
                            '442008',
                            '442009',
                            '442010',
                            '442011',
                            '442012',
                            '442013',
                            '442014',
                            '442015',
                            '442016',
                            '442017',
                            '442018',
                            '442019',
                            '442020',
                            '442021',
                            '442022',
                            '442023',
                            '442024'
                        ];
                        res.data.data.county_list = this.renameObjProp(res.data.data.county_list, oldName, name);
                        console.log('---->', res.data.data.county_list);
                    }

                    this.setData({
                        areaList: res.data.data || {}
                    });
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        renameObjProp(data, oldName, name) {
            if (data) {
                for (let i = 0; i < oldName.length; i++) {
                    data[name[i]] = data[oldName[i]];
                    delete data[oldName[i]];
                }
            }

            return data;
        },

        // 展示选择城市
        showmolde() {
            this.setData({
                show: true
            });
        },

        // 关闭选择城市
        onClose() {
            this.setData({
                show: false
            });
        },

        // 完成选择城市，发送请求
        onFirm(e) {
            console.log(e);
            this.setData({
                show: false,
                city: e.detail.values.map((item) => {
                    return item.name;
                }),
                code: e.detail.values.map((item) => {
                    return item.code;
                })
            });
        },

        inputEdit(e) {
            let name = e.currentTarget.dataset.name;
            this[name] = e.detail.value;
            var len = parseInt(this[name].length); //最多字数限制

            if (len > this.max) {
                return;
            }
        },

        goProjectSet() {
            this.setData({
                showModalselect: true
            });
        },

        ElasticFrameClick() {
            this.setData({
                showModal: true
            });
        },

        openaddress() {
            this.setData({
                showaddress: true
            });
        },

        handbrand() {
            this.setData({
                showModalhandbrand: true
            });
        },

        getinfo(e) {
            this.setData({
                info: e.detail.value
            });
        },

        indexnamber(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                indexs: index
            });
        },

        handbrandsum(e) {
            var brandsum = e.detail.value;
            this.setData({
                indexs: brandsum
            });
        },

        smearbut() {
            this.setData({
                showModalsmearbut: true
            });
        },

        // 选择优惠券
        onClickcoupon(e) {
            const { index, stylistid, nickname, item } = e.currentTarget.dataset;
            this.setData({
                listindexsmear: index // showModalcoupon: false
            });
        },

        // 选择抹零
        onClicksmear(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                listindexcoupon: index,
                showModalcoupon: false
            });
        },

        // 地址类型
        onClickaddtype(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                addtypeindex: index
            });
        },

        onClick(e) {
            const { index, stylistid, nickname, item } = e.currentTarget.dataset;
            console.log('item', item); // wx.setStorageSync('marketadd', JSON.stringify({
            //   index:index,
            //   stylistid: stylistid,
            //   nickname: nickname
            // }))

            let data = item;

            if (!data) {
                return;
            }

            let list = this.lists || []; // data = JSON.parse(data);

            if (data.stylistid) {
                for (var i in list) {
                    if (i == data.stylistid) {
                        list[i].stylistid = data.stylistid;
                        list[i].nickname = data.nickname;
                    }
                }
            } else {
                list.push(data);
            }

            list = this.deWeight(list);
            console.log('list', list);
            this.setData({
                lists: list,
                listindex: index,
                bool: true,
                value: '',
                showModalselect: false,
                showModalsales: true
            });
        },

        // 去重选中
        deWeight: function (arr) {
            for (var i = 0; i < arr.length - 1; i++) {
                for (var j = i + 1; j < arr.length; j++) {
                    if (arr[i].stylistId == arr[j].stylistId) {
                        arr.splice(j, 1);
                    }
                }
            }

            return arr;
        },

        //
        // 选择地址
        onClickafhalen(e) {
            console.log('111', e.currentTarget.dataset.item);
            const { index, item } = e.currentTarget.dataset;
            this.setData({
                afhaindex: index,
                afhalistac: item
            });
        },

        affirm() {
            const { listindexsmear } = this;

            if (listindexsmear == 0) {
                let amountangle = Math.trunc(this.amountangle);
                this.setData({
                    amountangle: amountangle,
                    showModalsmearbut: false
                });
            } else if (listindexsmear == 1) {
                let amountangle = (parseInt(this.amountangle * 10) / 10).toFixed(1);
                this.setData({
                    amountangle: amountangle,
                    showModalsmearbut: false
                });
            } else if (listindexsmear == 2) {
                let amountangle = this.amountangle.toFixed(2);
                this.setData({
                    amountangle: amountangle,
                    showModalsmearbut: false
                });
            } else if (listindexsmear == 3) {
                let amountangle = Math.ceil(this.amountangle);
                this.setData({
                    amountangle: amountangle,
                    showModalsmearbut: false
                });
            }
        },

        showModalcouponFun() {
            this.setData({
                showModalcoupon: true
            });
        },

        hideModal() {
            this.setData({
                showModal: false,
                showModalcoupon: false,
                showModalhandbrand: false,
                showModalsmearbut: false,
                showaddress: false,
                showModalselect: false
            });
        },

        topay() {
            uni.navigateTo({
                url: '/pagesc/pay/pay'
            });
        },

        ascertainselected() {
            // if (Object.keys(this.data.afhalistac).length==0  || this.data.city.length!=3) {
            //  wx.showToast({
            //    title: '请先选择地址',
            //    icon:'none'
            //  })
            // }else{
            //   this.setData({
            //     showaddress:false
            //   })
            // }
            const { addtypeindex, afhalistac, city } = this;

            if ((addtypeindex == 0) & (Object.keys(afhalistac).length == 0)) {
                uni.showToast({
                    title: '请先选择自提地址',
                    icon: 'none'
                });
            } else if ((addtypeindex == 0) & (Object.keys(afhalistac).length == 2)) {
                this.setData({
                    showaddress: false
                });
            }

            if ((addtypeindex == 1) & (city.length != 3)) {
                uni.showToast({
                    title: '请先选择快递地址',
                    icon: 'none'
                });
            } else if ((addtypeindex == 1) & (city.length == 3)) {
                this.setData({
                    showaddress: false
                });
            }
        },

        // 手机号2验证
        blurPhone2: function (e) {
            var phone = e.detail.value;
            console.log('a', phone);
            let that = this;

            if (!/^1[345678]\d{9}$/.test(phone)) {
                this.setData({
                    ajxtrue: false,
                    ishint2: true,
                    phone2: phone
                });

                if (phone == '') {
                    this.setData({
                        ishint2: false
                    });
                }

                if (phone.length >= 11) {
                    this.setData({
                        ajxtrue: false,
                        ishint2: true
                    });
                }
            } else {
                this.setData({
                    ajxtrue: true,
                    ishint: false
                });
            }
        },

        trueFun() {
            console.log('占位：函数 true 未声明');
        },

        editInputBlur() {
            console.log('占位：函数 editInputBlur 未声明');
        }
    }
};
</script>
<style>
page {
    background: #f1f1f1;
}

.cashier_box_2 {
    width: 750rpx;
    height: 240rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

/* 模态框 */
.modal-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9999;
    color: #fff;
}

.time-box2 {
    width: 210rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.time-left {
    width: 21rpx;
    height: 15rpx;
}

.shop-message {
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(242, 93, 3, 0.16);
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    width: 670rpx;
}

.shop-lt {
    width: 314rpx;
    height: 80rpx;
    display: flex;
}

.hr {
    width: 2rpx;
    height: 130rpx;
    background: linear-gradient(0deg, #ffffff, #e94a18, #ffffff);
}

.lt-profile {
    width: 80rpx;
    height: 80rpx;
    background: linear-gradient(0deg, #f1aa14 0%, #fb7099 100%);
    border: 2rpx solid #ffffff;
    box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(156, 100, 2, 0.2);
    border-radius: 50%;
    margin-left: 20rpx;
}

.lt-name {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-left: 13rpx;
}

.lt-shopvip {
    width: 100rpx;
    height: 32rpx;
    background-color: rgba(233, 74, 24, 0.1);
    border-radius: 4rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    padding: 0rpx 10rpx;
}

.lt-phone {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 10rpx;
}

.shop-rl {
    width: 354rpx;
    display: flex;
    align-items: center;
    height: 80rpx;
    justify-content: space-between;
}

.rl-vip {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.rl-remaining {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 10rpx;
}

.rl-vipbox {
    margin-left: 28rpx;
}

.replace {
    width: 54rpx;
    height: 54rpx;
    margin-right: 15rpx;
}

/* 模态框 */
.modal-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9990;
    color: #fff;
}

/* 白色背景 */
.modal-content {
    position: fixed;
    top: 380rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 500rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}
.modal-showaddress {
    position: fixed;
    top: 380rpx;
    z-index: 9991;
    width: 670rpx;
    margin-left: 40rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.modal_title {
    height: 130rpx;
    display: flex;
    align-items: center;
    padding-left: 22rpx;
    background-color: #fff;
    color: #fff;
    text-align: center;
    /* border-radius: 20rpx 20rpx 0px 0px; */
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 130rpx;
    border-bottom: 1rpx solid #e5e5e5;
}

.qrcodetextbox {
    text-align: center;
    height: 113rpx;
    border-bottom: 1rpx solid #e5e5e5;
}

.qrcodetextbox2 {
    display: flex;
    height: 180rpx;
    align-items: center;
}

.qrcodetext {
    margin: 0 12rpx;
    font-size: 36rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 113rpx;
}

.qrcodeimage {
    width: 300rpx;
    height: 300rpx;
    display: block;
    margin: 0 auto;
}

.qrcodespan {
    display: block;
    text-align: center;
    font-size: 24rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    margin-top: 20rpx;
}

.modal_titleicon {
    width: 82rpx;
    height: 82rpx;
    background: linear-gradient(0deg, #f1aa14 0%, #fb7099 100%);
    border: 2rpx solid #ffffff;
    box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(156, 100, 2, 0.2);
    border-radius: 50%;
}

.modal_titletext {
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-left: 8rpx;
}

.modal_textarea {
    height: 395rpx;
    width: calc(100% - 40rpx);
    margin: 20rpx;
    overflow: visible !important;
}

.modal_textarea textarea {
    height: 100%;
    width: 100%;
}

.qrcodeicon {
    width: 540rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.qrcodeiconbox {
    margin-top: 48rpx;
    width: 100rpx;
    text-align: center;
}

.phone-hint {
    color: #ffffff;
    font-size: 24rpx;
}

.input-phone {
    width: 680rpx;
    height: 80rpx;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(233, 74, 24, 0.2);
    border-radius: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    display: flex;
    padding-left: 30rpx;
    align-items: center;
    justify-content: space-between;
}

.input-phone-up {
    width: 590rpx;
    height: 80rpx;
    border-radius: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1rpx solid #dcdcdc;
    border-radius: 40px;
    margin: 0 auto;
    padding-left: 20rpx;
}

.inquire {
    text-align: center;
    width: 120rpx;
    height: 60rpx;
    line-height: 60rpx;
    background: #ffffff;
    box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(233, 74, 24, 0.16);
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-right: 10rpx;
}

.replace-box {
    width: 590rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inquire2 {
    text-align: center;
    width: 120rpx;
    line-height: 60rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    margin-right: 10rpx;
}

.replace-rl {
    width: 120rpx;
    height: 54rpx;
    background: #e94a18;
    border-radius: 27rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    line-height: 54rpx;
    margin-right: 10rpx;
    text-align: center;
}

.done {
    width: 26rpx;
    height: 26rpx;
    margin-right: 10rpx;
    position: absolute;
    top: 18rpx;
    right: 11rpx;
}

.replace-lt {
    display: flex;
    align-items: center;
    height: 80rpx;
    margin-left: 20rpx;
}

.girl {
    width: 80rpx;
    height: 80rpx;
    margin-right: 22rpx;
}

.lt-nname {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: left;
}

.lt-hpone2 {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.goods_list {
    width: 750rpx;
    height: 520rpx;
    margin-top: 20rpx;
    background: #ffffff;
}

.list_t {
    display: flex;
    height: 99rpx;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}

.list_t_l {
    display: flex;
    align-items: center;
    margin-left: 40rpx;
}

.num {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-left: 40rpx;
}

.name {
    margin-left: 10rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.list_t_r {
    width: 200rpx;
    margin-right: 40rpx;
    display: flex;
    justify-content: space-between;
}

.edit_icon {
    width: 68rpx;
    height: 68rpx;
}

.del_icon {
    width: 68rpx;
    height: 68rpx;
}

.list_c {
    border-bottom: 1rpx solid #e5e5e5;
}

.list_c_t {
    width: 670rpx;
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 30rpx 40rpx;
    display: flex;
}

.list_c_t_l {
    width: 334rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1rpx solid #e5e5e5;
}

.no {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-right: 33rpx;
}

.n {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}

.list_c_t_r {
    width: 335rpx;
}

.results {
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.results text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.commission {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70rpx;
}

.commission text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.list_c_b {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40rpx;
    margin-bottom: 40rpx;
}
.list_c_b2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80rpx;
}

.list_c_b image {
    width: 68rpx;
    height: 68rpx;
}
.list_c_b2 image {
    width: 68rpx;
    height: 68rpx;
}

.list_b {
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.no_vip {
    margin-left: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.price {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-right: 40rpx;
}

.btn_box {
    width: 660rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 40rpx;
    margin: 80rpx auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_box text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.deduct_box {
    width: 750rpx;
    height: 520rpx;
    background: #ffffff;
}

.helpcard-conterbox {
    width: 100%;
    background: #ffffff;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
}

.helpcard-conter {
    padding: 0rpx 40rpx;
}

.vip-info {
    height: 92rpx;
    line-height: 92rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    border-bottom: 1rpx solid #e5e5e5;
    color: #333333;
}

.card-namebox {
    height: 99rpx;
    display: flex;
    line-height: 99rpx;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.card-namebox2 {
    width: 670rpx;
    margin: 0 auto;
    height: 200rpx;
    display: flex;
    line-height: 99rpx;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.cardname_lt {
    display: flex;
    align-items: center;
    height: 110rpx;
}

.cardname_rl {
    width: 20rpx;
    height: 23rpx;
}

.card_name {
    width: 170rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: right;
}

.card_name2 {
    width: 210rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: right;
}

.lt-namebox {
    display: flex;
    align-items: center;
    margin-bottom: 10rpx;
}

.select_card {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}

.linkman {
    width: 28rpx;
    height: 26rpx;
    margin-right: 10rpx;
}

.da-name {
    font-size: 32rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.linkman2 {
    width: 22rpx;
    height: 33rpx;
    margin-right: 17rpx;
}

.autogeneration {
    text-align: center;
    line-height: 54rpx;
    width: 140rpx;
    height: 54rpx;
    background: #e94a18;
    border-radius: 27rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.no-autogeneration {
    width: 180rpx;
    height: 54rpx;
    background: #e5e5e5;
    border-radius: 27rpx;
    text-align: center;
    line-height: 54rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.info_nomore {
    width: 22rpx;
    height: 14rpx;
}

.card-infobox {
    text-align: center;
    width: 670rpx;
    height: 108rpx;
    line-height: 108rpx;
    background: #f8f8f8;
    margin-top: 10rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.time_card {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.calendar {
    width: 28rpx;
    height: 28rpx;
}

.base-box {
    z-index: 9990;
    position: fixed;
    bottom: 0rpx;
    width: 100%;
    height: 200rpx;
    background: #ffffff;
    border: 1rpx solid #dcdcdc;
    box-shadow: 2rpx -9rpx 20rpx 0rpx rgba(160, 159, 159, 0.1);
}

.base_btn {
    width: 100%;
    height: 200rpx;
}

.sumtotal {
    width: 140rpx;
    text-align: center;
    line-height: 60rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.base-botton {
    width: 670rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 76rpx;
}

.botton-entry {
    text-align: center;
    line-height: 80rpx;
    width: 320rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 40rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.bill_moneytext {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.bill_money {
    color: #e94a18;
}

.coupon-box {
    width: 622rpx;
    height: 190rpx;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/showModalcoupon.png');
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.smearbut-box {
    width: 622rpx;
    height: 100rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.coupon-lt {
    width: 167rpx;
    height: 155rpx;
    /* background-color: aquamarine; */
}

.coupon-sum {
    margin-top: 20rpx;
}

.money {
    font-size: 44rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}

.reduction {
    text-align: center;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.coupon-rl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 30rpx;
}

.coupon-name {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.coupon-time {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
    margin-top: 10rpx;
}

.moneytext {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.no-couponbut {
    width: 408rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    margin: 0 auto;
    margin-top: 60rpx;
    text-align: center;
    line-height: 66rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.time-box2q {
    width: 300rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.time-box2qm {
    width: 225rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.mains {
    height: 516rpx;
    overflow-y: auto;
}

.modal-mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9999;
    color: #fff;
}

.bigbox {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30rpx;
}

.bigbox2 {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15rpx;
}

.smbox {
    width: 18rpx;
    height: 18rpx;
    border-radius: 50%;
    background: #e94a18;
}

.modal-content-showModalhandbrand {
    position: fixed;
    top: 280rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 850rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.handbrand-conter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0rpx 20rpx;
    margin-top: 40rpx;
}

.handbrandnumber {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e5e5e5;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
}

.handbrandnumberac {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
    color: #fff;
}

.handbrandnumberac:nth-child(5n) {
    margin-right: 0;
}

.handbrandnumber:nth-child(5n) {
    margin-right: 0;
}

.mains {
    height: 516rpx;
    overflow-y: auto;
}

.coupon-mai {
    display: flex;
    height: 67rpx;
    width: 550rpx;
    margin: 0 auto;
    justify-content: space-between;
}

.cancel-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 201rpx;
    height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.affirm-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}
.address-box {
    width: 100%;
    height: 340rpx;
    border-bottom: 20rpx solid #f1f1f1;
    background-color: #fff;
}
.address_icon {
    width: 26rpx;
    height: 32rpx;
}
.address_text {
    display: flex;
    padding: 0rpx 40rpx;
    justify-content: space-between;
    margin-top: 50rpx;
}
.address_lt {
    width: 510rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.address-typebox {
    display: flex;
    width: 590rpx;
    height: 99rpx;
    margin: 0 auto;
    border-bottom: 1rpx solid #e5e5e5;
    align-items: center;
}
.address-typebox2 {
    display: flex;
    width: 590rpx;
    margin: 0 auto;
}
.address-typebox3 {
    width: 590rpx;
    margin: 0 auto;
}
.typebox-lt {
    width: 150rpx;
    height: 37rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.typebox-lt2 {
    width: 150rpx;
    height: 37rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 45rpx;
}
.typeboxmax {
    display: flex;
    align-items: center;
}
.align-end {
    width: 440rpx;
    display: flex;
    justify-content: space-between;
}
.align-end2 {
    height: 130rpx;
    width: 440rpx;
    display: flex;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}
.addtype {
    height: 37rpx;

    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
/* .typebox-rl{


} */
.on-bntaddre {
    display: flex;
    padding: 0rpx 40rpx;
    justify-content: space-between;
    margin: 40rpx 0rpx;
}
.cancel-bnt {
    width: 201rpx;
    height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}
.confirm-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.h-86 {
    height: 86rpx;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.text1 {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    width: 140rpx;
}

.detail {
    padding: 20rpx 0;
}

.detail > .text1 {
    position: relative;
    top: -36rpx;
}
input {
    font-size: 28rpx;
}
.textarea {
    height: 100rpx;
    width: 500rpx;
    font-size: 28rpx;
}

.textarea-placeholder {
    font-size: 24rpx;
    color: #999999;
}

.placeholder-class {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000;
    min-width: 350rpx;
}
.centers {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 10rpx 0;
}
.van-popup {
    z-index: 9999 !important;
}
.placeholder-style2 {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #999999;
}
.girl2 {
    width: 100rpx;
    height: 100rpx;
    margin-right: 29rpx;
    border-radius: 50%;
}
.replace-box2 {
    width: 590rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
</style>
